<%@ page import="com.yigang.utils.UserConst" %>
<%@ page import="com.yigang.entity.User" %>
<%@ page import="com.alibaba.fastjson.JSON" %>
<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8" %>
<%@ include file="/WEB-INF/page/include/taglib.jsp" %>
<!DOCTYPE html>
<html>
<%

    Object attribute = session.getAttribute(UserConst.LOGIN_USER_INFO);
    User user = null;
    if (null != attribute) {
        user = JSON.parseObject((String) attribute, User.class);
    }
%>
<head>
<meta charset="utf-8">
<title>洋码头 - 让人放心的海外购物社区货</title>
<link href="${ctx}/css/wharf.2016071901.css" rel="stylesheet"
	type="text/css">
<link href="${ctx}/css/index.8431866.css" rel="stylesheet"
	type="text/css">
</head>
<script>
	var ctx = "${ctx}";
</script>
<body>
	<link href="${ctx}/css/common.9b786ce.css" rel="stylesheet"
		type="text/css">
	<link href="${ctx}/css/topbar.201a877.css" rel="stylesheet"
		type="text/css">

	<div class="topbar global-wrap">
		<div class="inner">
			<div class="topnar-fl">
				<a href="/">Hi，欢迎来到洋码头！</a> <span class="user-type"
					style="padding-left: 10px; display: inline-block;"> <a
					href="//seller.ymatou.com/Seller" target="_blank">我是买手</a>
				</span>
			</div>
			<ul class="nav topbar-fr">

				<li class="nav-item" id="topbarLoginUser"
					onmouseover="javascript: $('.topbar .dropdownlist').css('display', 'block');"
					onmouseout="javascript: $('.topbar .dropdownlist').css('display', 'none');">
					 <c:if test="<%=user != null%>">
					<a href="#" class="downmenu"><span class="title"
						title="chenjiaxiang"><%=user.getUsername() %></span><i class="arrow-bt"></i></a>
						</c:if>
					<div class="dropdownlist"
						style="width: 72px; right: 2px; left: auto;">
						<a href="${ctx}/jsp/userLogin.jsp" id="logoutId">退出登录</a>
					</div>
				</li>

				<li class="nav-item"><a href="${ctx}/cart/getAllShoppingcart"
					target="_blank"><span class="title">购物车</span></a></li>
				<li class="nav-item"><a href="${ctx }/my/MyTheorder"
					target="_blank"><span class="title">我的订单</span></a></li>
				<li class="nav-item"><a href="${ctx }/my/Mycenter"
					class="downmenu" target="_blank"><span class="title">个人中心</span>
						<!--<i class="arrow-bt"></i>--></a></li>
				<li class="nav-item" style="margin-left: -10px;"><a
					href="/home/rule" target="_blank"><span class="title">规则&amp;公告</span></a>
				</li>
				<!--<li class="nav-item">-->
				<!--<a href="http://evt.ymatou.com/activity_3135_pc?app_banner=home_page" target="_blank"><span class="title">手机洋码头</span></a>-->
				<!--</li>-->
			</ul>
		</div>
	</div>

	<div class="rightbar">
		<ul class="rightbar-inner" style="padding: 270px 0 0;">
			<li class="item user"><a href="${ctx }/my/Mycenter"
				target="_blank" title="我"><i class="rightbar-icon rti-user"></i></a>
			</li>
			<li class="item"><a href="${ctx}/cart/getAllShoppingcart"
				style="padding-bottom: 2px;" target="_blank" title="购物车"> <i
					class="rightbar-icon rti-cart"></i><span class="title">购<br>物<br>车
				</span> <em class="tips" style="display: none;">2</em>

			</a></li>
			<li class="item"><a style="padding-bottom: 2px;"
				onmouseover="$(&quot;#qrcodeContainer&quot;).show();"
				onmouseout="$(&quot;#qrcodeContainer&quot;).hide();" title="二维码"><i
					class="rightbar-icon rti-code"></i></a>
				<div id="qrcodeContainer"
					style="display: none; position: absolute; top: 0; left: -102px; z-index: 1; width: 102px; height: 126px; background: #383838;">
					<img
						src="//pic1.ymatou.com/G02/M02/FB/5C/CgvUBFht9-CADvH8AAAW6VtgvkI439_62_63_w_o.png"
						title="洋码头二维码"
						style="width: 62px; height: 63px; display: block; margin: 10px auto;">
					<span>下载APP领取<br>260元新人礼包
					</span>
				</div></li>
			<li class="item"><a style="padding-bottom: 2px;"
				href="javascript:void(0)"
				onclick="javascript:document.documentElement.scrollTop = document.body.scrollTop =0"
				title="置顶"><i class="rightbar-icon rti-top"></i><span
					class="title">TOP</span></a></li>
		</ul>
	</div>
	<script type="text/javascript" async="" src="${ctx}/js/home/vds.js"></script>
	<script async="" src="${ctx}/js/home/analytics.js"></script>
	<script async="" src="${ctx}/js/home/detection.js"></script>
	<script type="text/javascript">
			$(function() {
				var locationUrl = location.href;
				//设置登录后返回Url
				if(location.href.toLowerCase().indexOf("login") == -1) {
					var login = $("[href='/login?ret=']");
					if(login != null) {
						login.attr("href", login.attr("href") + locationUrl);
					}
				}
				var logout = $(".topbar #logoutId");
				if(
					logout &&
					locationUrl.indexOf("/my/") == -1 &&
					locationUrl.substring(locationUrl.length - 3).toLowerCase() != "/my"
				) {
					logout.attr("href", logout.attr("href") + "?ret=" + locationUrl);
				}
			});
		</script>

	<script src="${ctx}/js/home/common.8778e94.js" charset="utf-8"
		type="text/javascript"></script>

	<div class="mainer global-wrap">
		<div class="inner">
			<div class="usercenter-side">
				<a class="side-hd" href="${ctx }/my/Mycenter">个人中心</a>

				<div class="side-bd">
					<div class="side-item">
						<h3 class="title">
							<em class="query"></em>服务查询
						</h3>
						<ul class="side-list">
							<li><a href="${ctx }/my/MyTheorder">我的订单</a></li>
							<li><a href="/my/mycoupons">我的优惠券</a></li>
						</ul>
					</div>

					<div class="side-item">
						<h3 class="title">
							<em class="account"></em>账户管理
						</h3>
						<ul class="side-list">
							<li><a href="${ctx}/security/Mysecurity">安全中心</a></li>
							<li><a href="${ctx }/my/Myaddress">管理收货地址</a></li>
							<li><a href="/my/withdrawal">提现</a></li>
						</ul>
					</div>
					<div class="side-item">
						<h3 class="title">
							<em class="attention"></em>关注中心
						</h3>
						<ul class="side-list">
							<li><a href="${ctx }/my/MyCollection">我的收藏</a></li>
						</ul>
					</div>
				</div>

			</div>
			<div class="usercenter-r">
				<script async="" src="${ctx}/js/home/gtm.js"></script>
				<script src="${ctx}/js/home/index.4e9e5ad.js"></script>

				<div class="center-index-wrap">
					<!--基本信息-->
					<div class="center-baseinfo">
						<div class="user">
							<div class="pic">
								<img src="http://staticontent.ymatou.com/app/userlogo/mj.jpg">
							</div>
							<div class="info"> 
						<c:if test="<%=user != null%>">
								<div class="txt txt-1">
									<%=user.getUsername() %> <i>|</i> 粉丝 0
								</div>
								</c:if>
								<div class="txt txt-2">
									<span class="a">安全等级</span> <span class="z i-red"> 低</span><i>|</i>
									<span class="g i-red"><a href="/usersecurecenter/index">管理</a></span><i>|</i>
									<span class="icon"> <span class="i i-1 "></span> <span
										class="i i-2 active"></span> <span class="i i-3 "></span>
									</span> <span class="m m-o"><a href="${ctx }/my/Myaddress">我的收货地址
											&gt;</a></span> <span class="m m-y"><a href="/my/withdrawal">我的余额
											&gt;</a></span>
								</div>
							</div>
						</div>
						<div class="ordertab">
							<div class="item">
								全部 <i>2</i>
							</div>
							<div class="item">
								待付款 <i>0</i>
							</div>
							<div class="item">
								待接单 <i>0</i>
							</div>
							<div class="item">
								待收货 <i>0</i>
							</div>
							<div class="item">
								待评价 <i>0</i>
							</div>
						</div>
					</div>

					<!-- 左边 -->
					<div class="center-left">
						<div class="index-h1">
							<i class="icon mycar-h1"></i>我的购物车
						</div>
						<!-- Swiper -->
						<div class="swiper-wrap" id="tmplmycarts">
							<div class="swiper-container swiper-container-horizontal">
								<div class="swiper-wrapper"
									style="transform: translate3d(0px, 0px, 0px); transition-duration: 0ms;">
									<c:forEach items="${list }" var="item">
									<div class="swiper-slide swiper-slide-active"
										style="width: 88.7143px; margin-right: 10px;">
										<a href="${ctx }/getProductList?product_id=${item.productId }"
											target="_blank"> <img
											src="${item.productMaingraph }">
										</a>
									</div>
									</c:forEach>
								</div>
							</div>
							<!-- Add Arrows -->
							<div class="swiper-button-prev swiper-button-disabled">&lt;</div>
							<div class="swiper-button-next">&gt;</div>
						</div>
						<!-- 猜你喜欢 -->
						<div class="love-wrap" id="guessYouLike">
							<div class="index-h1">
								<i class="icon love-h1"></i>猜你喜欢
							</div>
							<ul class="love-list">
								<c:forEach items="${clist }" var="cainixihuan" begin="0"
									end="19">
									<li class="item">
										<div class="pic">
											<a href="getProductList?product_id=${cainixihuan.product_id }" target="_blank"> <img
												src="${cainixihuan.product_maingraph }">
											</a>
										</div>
										<div class="name">
											<a href="getProductList?product_id=${cainixihuan.product_id }" target="_blank">${cainixihuan.product_name }</a>
										</div>
										<div class="price">
											<i>￥</i>${cainixihuan.product_price }</div>
									</li>
								</c:forEach>

							</ul>
							<div class="index-more">
								<a href="${ctx }/index">想看更多，回首页逛逛 &gt;</a>
							</div>
						</div>
					</div>

					<!-- 右边 -->
					<div class="center-right">
						<!-- 我的优惠券 -->
						<a href="" id="couponSearch" style="display: none" target="_blank"></a>
						<div class="coupon-wrap" id="tmplmycoupons">
							<div class="index-h1">
								<i class="icon coupons-h1"></i>我的优惠券
							</div>
							<div class="index-mycoupons-null null-wrap">
								<div class="cell">
									<img src="//s2.ymatou.com/my/null-i-coupons.png" alt="">
									<br> 还没有可用优惠券呢~
								</div>
							</div>
						</div>
						<!-- 收藏的商品 -->
						<div class="collect-wrap" id="tmplmycollects">
							<div class="index-h1">
								<i class="icon collect-h1"></i>收藏的商品
							</div>
							<ul class="collect-list">
								<li class="item">
									<div class="pic">
										<a href="getProductList?product_id=${cainixihuan.product_id }"
											target="_blank"> <img
											src="http://pic1.ymatou.com/G02/shangou/M05/67/58/CgvUA1wVqnCAQ5dzAAYLLs2QifI789_1_1_n_w_o.jpg">
										</a>
									</div>
									<div class="price">￥68</div>
								</li>
								<li class="item">
									<div class="pic">
										<a href="getProductList?product_id=${cainixihuan.product_id }"
											target="_blank"> <img
											src="http://pic1.ymatou.com/G02/shangou/M01/F3/87/CgvUA1pi0c-AI1imAAOasmvlaK8389_1_1_n_w_o.jpg">
										</a>
									</div>
									<div class="price">￥52</div>
								</li>
							</ul>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="wrapper footer" module_name="user_guarantee">
		<div class="matou-server" style="padding: 10px 0; height: 60px">
			<a class="matou-server-link" style="color: #fff"
				href="/help/zhengpin.html" target="_blank"> <img
				src="">
			</a>
		</div>
		<div class="area">
			<div id="bottom_list" class="bottom_list">
				<ul class="dl">
					<li class="dt">购物指南</li>
					<li><a href="//help.ymatou.com/help_01.html" target="_blank"
						rel="nofollow">注册与登录</a></li>
					<li><a href="//help.ymatou.com/help_02.html" target="_blank"
						rel="nofollow">账户信息维护</a></li>
					<li><a href="//help.ymatou.com/help_05.html" target="_blank"
						rel="nofollow">购物流程</a></li>
					<li><a href="//help.ymatou.com/help_09.html" target="_blank"
						rel="nofollow">会员体系</a></li>
					<li><a href="//help.ymatou.com/help_01_1.html" target="_blank"
						rel="nofollow">常见问题</a></li>
				</ul>
				<ul class="dl">
					<li class="dt">订单服务</li>
					<li><a href="//help.ymatou.com/help_07.html" target="_blank"
						rel="nofollow">订单状态说明</a></li>
					<li><a href="//help.ymatou.com/help_01_1.html" target="_blank"
						rel="nofollow">自动取消订单</a></li>
					<li><a href="//help.ymatou.com/help_07.html" target="_blank"
						rel="nofollow">上传身份证</a></li>
				</ul>
				<ul class="dl">
					<li class="dt">支付与配送</li>
					<li><a href="//help.ymatou.com/help_06.html" target="_blank"
						rel="nofollow">支付方式</a></li>
					<li><a href="//help.ymatou.com/help_16.html" target="_blank"
						rel="nofollow">优惠券和红包</a></li>
					<li><a href="//help.ymatou.com/help_06.html" target="_blank"
						rel="nofollow">如何提现</a></li>
					<li><a href="//help.ymatou.com/help_07.html" target="_blank"
						rel="nofollow">配送方式</a></li>
				</ul>
				<ul class="dl">
					<li class="dt">售后服务</li>
					<li><a href="//help.ymatou.com/help_15.html" target="_blank">消费维权</a>
					</li>
					<li><a href="//help.ymatou.com/help_16.html" target="_blank">纠纷处理规则</a>
					</li>
					<li><a href="//help.ymatou.com/help_17.html" target="_blank">退货规则</a>
					</li>
				</ul>
				<div class="dl last">
					<div class="dt">官方微信</div>
					<p>
						<img src="//static.ymatou.com/content/images/weixin2d-new.png"
							class="img">
					</p>
					<span class="weibobox"> <a
						href="http://weibo.com/ymatou2011" target="_blank">关注微博</a> <a
						href="http://weibo.com/ymatou2011" target="_blank"><span
							class="ico-weibo-png"></span></a>
					</span>
				</div>
			</div>
			<div class="matou-intro">
				<a href="//about.ymatou.com/ymtglobal.html" target="_blank"
					rel="nofollow">关于洋码头</a> <a href="//about.ymatou.com/zhaopin.html"
					target="_blank" rel="nofollow">码头招聘</a> <a
					href="/sellerhome/sitemap/index" target="_blank">网站地图</a> <a
					href="//help.ymatou.com/index.html" target="_blank" rel="nofollow">所有帮助</a>
				<a href="//staticontent.ymatou.com/html/merchant/index.html"
					target="_blank" rel="nofollow">海外招商中心</a> <a
					href="//staticontent.ymatou.com/html/ms_rule/" target="_blank"
					rel="nofollow">扫货买手规则</a> <a class="last"
					href="//help.ymatou.com/qa_02.html" target="_blank" rel="nofollow">卖家常见问题</a>
			</div>
			<div class="copyright" style="margin: 20px; text-align: center">©
				2014－2020 ymatou.hk 版权所有</div>
		</div>
	</div>

	<script>
			(function(w, d, s, l, i, o) {
				w['YmatouAnalyticsobject'] = o;
				w[o] = w[o] || function() {
					(w[o].q = w[o].q || []).push(arguments)
				}

				w[l] = w[l] || [];
				w[l].push({
					'gtm.start': new Date().getTime(),
					event: 'gtm.js'
				});
				var f = d.getElementsByTagName(s)[0],
					j = d.createElement(s),
					dl = l != 'dataLayer' ? '&l=' + l : '';
				j.async = true;
				j.src = '//www.googletagmanager.com/gtm.js?id=' + i + dl;
				f.parentNode.insertBefore(j, f);
			})(window, document, 'script', 'dataLayer', 'GTM-5PJKS5', '_dc_');
		</script>
	<script type="text/javascript" id="">
			"undefined" == typeof Array.prototype.forEach && (Array.prototype.forEach = function(a) {
				for(var b = 0; b < this.length; b++) a(this[b], b)
			});
			(function(a, b, d, f, c, e) {
				a.YmatouAnalyticsobject = a.YmatouAnalyticsobject || d;
				a[d] = a[d] || function() {
					(a[d].q = a[d].q || []).push(arguments)
				};
				c = document.createElement("script");
				e = document.getElementsByTagName("script")[0];
				c.async = 1;
				b = b.replace(".js", f + ".js");
				c.src = b;
				e.parentNode.insertBefore(c, e)
			})(window, "//s1.ymatou.com/bpm/build/gtm/1.3.6/detection.js", "_dc_", "");
			(function(a, b, d, f, c, e, g) {
				a.GoogleAnalyticsObject = c;
				a[c] = a[c] || function() {
					(a[c].q = a[c].q || []).push(arguments)
				};
				a[c].l = 1 * new Date;
				e = b.createElement(d);
				g = b.getElementsByTagName(d)[0];
				e.async = 1;
				e.src = f;
				g.parentNode.insertBefore(e, g)
			})(window, document, "script", "//www.google-analytics.com/analytics.js", "ga");
			ga("create", "UA-18618809-1", {
				cookieDomain: "ymatou.com"
			});
			ga("send", "pageview");
			_dc_("fillCommon", {
				appid: "4"
			});
			_dc_("on", "load_more_fn", function(a) {
				console.log(a)
			});
			var _vds = _vds || [];
			window._vds = _vds;
			(function() {
				_vds.push(["setAccountId", "b8dc04e0cdcb2603"]);
				var a = document.createElement("script");
				a.type = "text/javascript";
				a.async = !0;
				a.src = ("https:" == document.location.protocol ? "https://" : "http://") + "dn-growing.qbox.me/vds.js";
				var b = document.getElementsByTagName("script")[0];
				b.parentNode.insertBefore(a, b)
			})();
		</script>
	<script type="text/javascript" id="" src="${ctx}/js/home/dtk.js"></script>

	<script type="text/javascript" id="" src="${ctx}/js/home/evt_common.js"></script>
</body>

</html>